<%--
  Created by IntelliJ IDEA.
  User: Lamb
  Date: 2021/11/19
  Time: 10:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Teacher</title>
    <style>
        .d{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .d h2{
            margin-bottom: 50px;
            font-size: 3rem;
        }
        .teachers{
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            text-align: center;
        }
        .d a{
            text-decoration: none;
            color: black;
        }
        .d .teacher{
            padding: 20px;
        }
        .d .teacher:hover{
            background-color: deepskyblue;
            cursor: pointer;
        }
        .d1{
            background-color: #999AB1;
            width: 100%;
            min-height: 100vh;
        }
        .d1 img{
            width: 100%;
            height: 230px;
        }
        .d2{
            background-color: white;
            width: 100%;
            min-height: 100vh;
        }
        .d3{
            background-color: #999AB1;
            width: 100%;
            min-height: 100vh;
        }
        /*footer*/
        .footer {
            color: white;
            display: flex;
            justify-content: center;
            padding: 3rem;
            background-color: #3F3D56;
        }
    </style>
</head>
<body>
<div class="header">
    <%@include file="WEB-INF/views/header.jsp" %>
</div>
<div class="header">
    <%@include file="WEB-INF/views/header.jsp" %>
</div>
<div class="d1 d" id="d1">
    <h2>博士列表</h2>
    <div class="teachers">
        <c:forEach items="[1,2]">
            <a href="getTeacher?method=single&id=1">
                <div class="teacher">
                    <img src="${requestScope.list.get(0).getImgUrl()}" alt="">
                    <h1>${requestScope.list.get(0).getName()}</h1>
                </div>
            </a>
        </c:forEach>
        <c:forEach items="[1,2]">
            <a href="getTeacher?method=single&id=2">
                <div class="teacher">
                    <img src="${requestScope.list.get(1).getImgUrl()}" alt="">
                    <h1>${requestScope.list.get(1).getName()}</h1>
                </div>
            </a>
        </c:forEach>
    </div>
</div>
<div class="d2 d" id="d2">
    <h2>教授列表</h2>
    <div class="teachers">
        <c:forEach items="[1,2,3,4]">
            <a href="getTeacher?method=single&id=3">
                <div class="teacher">
                    <img src="${requestScope.list.get(2).getImgUrl()}" alt="">
                    <h1>${requestScope.list.get(2).getName()}</h1>
                </div>
            </a>
        </c:forEach>
    </div>
</div>
<div class="d3 d" id="d3">
    <h2>讲师列表</h2>
    <div class="teachers">
        <c:forEach items="[1,2,3,4]">
            <a href="getTeacher?method=single&id=4">
                <div class="teacher">
                    <img src="${requestScope.list.get(3).getImgUrl()}" alt="">
                    <h1>${requestScope.list.get(3).getName()}</h1>
                </div>
            </a>
        </c:forEach>
    </div>
</div>
<div class="footer">
    <h1>东北林业大学软件工程官网</h1>
</div>
</body>
</html>
